//带边框阴影的盒子
// .box {
//   border-radius: 8px;
//   border: 1px solid rgb(235, 234, 234);
//   box-shadow: 0px 0px 5px rgba(11, 14, 40, 0.149019607843137);
// }

//动画效果延续、延迟  循环animation: shan 1s infinite;
// @keyframes xiaoshi {
//   0% {
//     opacity: 1;
//   }
//   25% {
//     opacity: 0.5;
//   }

//   50% {
//     opacity: 0.5;
//   }
//   75% {
//     opacity: 0.25;
//   }

//   100% {
//     opacity: 0;
//   }
// }
// @keyframes chuxian {
//   0% {
//     opacity: 0;
//   }
//   25% {
//     opacity: 0.25;
//   }

//   50% {
//     opacity: 0.5;
//   }
//   75% {
//     opacity: 0.75;
//   }

//   100% {
//     opacity: 1;
//   }
// }
// .card_main:hover {
//   .content_title {
//     animation-name: xiaoshi;
//     animation-duration: 0.2s;
//     animation-fill-mode: backwards;
//     opacity: 0;
//   }
//   .content_msg {
//     animation-name: chuxian;
//     animation-duration: 0.5s;
//     animation-delay: 0.2s;
//     animation-fill-mode: backwards;
//     opacity: 1;
//   }
// }

//毛玻璃
// filter: blur(2px);
//射线渐变
// background-image: radial-gradient(circle at right top, rgb(61, 100, 226), #fff);
//线性渐变
// background-image: linear-gradient(to left, rgb(61, 100, 226), #fff);
//单行文本溢出省略号
// white-space: nowrap;
// overflow: hidden;
// text-overflow: ellipsis;
//多行文本溢出省略号
// display: -webkit-box;
// overflow: hidden;
// -webkit-box-orient: vertical;
// line-clamp: 2;
// -webkit-line-clamp: 2;
//动态渐变背景
// @keyframes bgmove {
//   0% {
//     background-position: 0% 0%;
//   }
//   50% {
//     background-position: 100% 100%;
//   }
//   100% {
//     background-position: 0% 0%;
//   }
// }
// background-image: linear-gradient(
//   125deg,
//   rgb(251, 167, 128),
//   rgb(224, 245, 108),
//   rgb(124, 248, 120),
//   rgb(108, 214, 247),
//   rgb(123, 117, 250),
//   rgb(250, 121, 220),
//   rgb(250, 121, 121)
// );
// background-size: 400%;
// animation: bgmove 20s infinite;
